<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>岗位技能</title>
    <link rel="stylesheet" href="css/style.css">
    <style>
        #post-skills .ps-box {}

        #post-skills .ps-box .ps-item {
            float: left;
            width: 246px;
            height: 200px;
            box-sizing: border-box;
            padding: 24px;
            margin: 0 30px 40px 0;
            cursor: pointer;
            font-size: 26px;
        }

        #post-skills .ps-box .ps-item:hover>div {
            transform: scale(1.1);
        }

        #post-skills .ps-box .ps-item>a {
            border: 1px solid #fff;
            height: 100%;
            color: #fff;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: .3s;
        }

        #post-skills .c1 {
            background: #f9ad1a;
        }

        #post-skills .c2 {
            background: #f05050;
        }

        #post-skills .c3 {
            background: #5eaee3;
        }

        #post-skills .c4 {
            background: #7266ba;
        }

        #post-skills .c5 {
            background: #3fcda7;
        }

        #post-skills .c6 {
            background: #09a1b3;
        }

        #post-skills .c7 {
            background: #1f6694;
        }

        #post-skills .c8 {
            background: #c41b7b;
        }
    </style>
    <script src="cs/jquery.min.js"></script>
    <script>
        $(function(){
            getTeacherPSData();
        });
        function goDetails(){
            //window.location.href = "postSkillsDetails.html";
        }
        function getTeacherPSData(){
            $.ajax({
                type: "get",
                url: "/SchoolMS2.0/querySkillInfo?skillId",
                success: function(data, status, xhr) {
                    console.log(data);
                    if(data.code == 200){
                        data = data.data;
                    }
                    $.each(data,function(i,d){
                        let oLi = $("<div class='ps-item cl'></div>").addClass("c"+ (i%8+1));
                        //let div = $("<div></div>").addClass("post-skills-item").addClass("post-i-c"+ (i%8+1));
                        let dname = d.name.replace("大数据","大数据<br/>")
                        let divTitle = $("<a href='postSkillsDetails.html?id="+ d.id +"'></a>").html(dname);
                        oLi.append(divTitle);
                        $(".ps-box").append(oLi);
                    });
                },
                error: function(data, status, xhr) {
                    //loading1.hide();
                    var json = JSON.stringify({
                        "pageName": "error"
                    });
                    //window.location.href = "skipPage?jsonStr=" + json;

                }
            });
        }
    </script>
</head>

<body class="inner_body">
    <div class="crumbs">
        <div class="index-img"></div>
        <a  onclick="window.parent.location.reload();" href="javascript:void(0)" class="sy">首页</a><label>&gt;</label><a href="javascript:void(0)"
            class="mbx">岗位技能</a>
    </div>
    </div>
    <div class="content_box">

        <div class="title_nav clearfix">
            <div class="title_box_select fl active" id="table_one">岗位技能</div>
        </div>
        <div class="panel">
            <div id="post-skills">
                <div class="ps-box clearfix"></div>
            </div>
        </div>
    </div>

</body>

</html>